.select-component-header{
  display: flex;
  display: inline-flex;
  width: 100%;
  background-color: #ffffff;
  padding-top: 12px;
  font-size: 16px;
}

.select-component-header .head-item{
  padding-bottom: 8px;
  border-bottom: #c8c7cc;
  text-align: center;
  text-align: -webkit-center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-left: 8px;
  padding-right: 8px;
}

.select-component-header .head-item.selected{
  border-bottom: #ffffff!important;
}
.selected.head-item:after{
  height: 0 !important;
  background-color: #ffffff !important;
}
.head-item.province-header:after{
  left: 0;
}
.select-component-header .head-item:after{
    content: '';
    position: absolute;
    top: 42px;
    bottom: auto;
    right: auto;
    height: 1px;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.select-component-body .list-block{
  margin-top: 0px !important;
}

.select-component-body .list-block ul{
  height: 256px !important;
  overflow: auto !important;
}
.select-component-body .list-block .item-content{
  border-bottom: 1px solid #e0e0e0;
}
.select-component-body .list-block ul:before{
  background-color: #ffffff !important;
}

.select-component-body .list-block ul:after{
  background-color: #ffffff !important;
}

.select-component-body{
  height: 264px !important;
  /*margin-bottom: 64px;*/
}
.select-component .opt{
  position: fixed;
  bottom: 24px;
  width: 100%;
}
.select-component .opt .row .button{
  margin: 8px 27px;
  height: 32px;
  border: 1px solid #009eff !important;
  color: #009eff !important;
  border-radius: 4px;
}

.screen-mask{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 31, 31, 0.74);
  filter: opacity(80%);
  /* older safari/Chrome browsers */
  -webkit-opacity: 0.8;
  /* Netscape and Older than Firefox 0.9 */
  -moz-opacity: 0.8;
  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
  -khtml-opacity: 0.8;
  /* IE9 + etc...modern browsers */
  opacity: .8;
  /* IE 4-9 */
  filter:alpha(opacity=80);
  /*This works in IE 8 & 9 too*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /*IE4-IE9*/
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.select-component{
  background: #ffffff !important;
  filter: opacity(100%);
  /* older safari/Chrome browsers */
  -webkit-opacity: 1.0;
  /* Netscape and Older than Firefox 0.9 */
  -moz-opacity: 1.0;
  /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
  -khtml-opacity: 1.0;
  /* IE9 + etc...modern browsers */
  opacity: 1.0;
  /* IE 4-9 */
  filter:alpha(opacity=100);
  /*This works in IE 8 & 9 too*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /*IE4-IE9*/
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  position: fixed !important;
  width: 100% !important;
  bottom: 0px !important;
  z-index: 20000 !important;
  top:auto !important;
  height: auto !important;
}
